import React, { Component } from "react";
import { NavLink } from "react-router-dom";

import "./index.css";

export default class Banner extends Component {

  render() {

    debugger;
    const { history } = this.props;

    return (
      <div className="banner">
        <div className="banner-img"></div>
        <div className="banner-items">
          <NavLink className="banner-item" activeClassName="banner-item-sel" to="/account">账户类业务</NavLink>
          <NavLink className="banner-item" activeClassName="banner-item-sel" to="/rights">权限类业务</NavLink>
          <NavLink className="banner-item" activeClassName="banner-item-sel" to="/products">产品类业务</NavLink>
          <NavLink className="banner-item" activeClassName="banner-item-sel" to="/security">安全类业务</NavLink>
        </div>
      </div>
    );
  }
}